<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="icon" href="images/logo.ico" type="images/x-icon">
    <link rel="shortout icon" href="images/logo.ico" type="images/x-icon">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_803257_bk1qt28dszs.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/MuXiFlr.css">
    <script src="js/jquery2.1.4.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
        crossorigin="anonymous">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
    <script>
        $(function () {
            //获取城市模块到顶部的距离 
            var city_top = $('#city_top').offset().top;
            $('.city_li').click(function () {
                $('html,body').animate({ scrollTop: city_top }, 500);
            })
        })
    </script>
</head>

<body>
    <!-- 导航开始 -->
    <div class="top-navigation">
        <div class="mx-center mx-width">
            <div class="navbar">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#"></a>
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navItem"
                            aria-expanded="false">
                            <span class="sr-only">toggle</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="navbar-collapse collapse" id="navItem" aria-expanded="true" style="">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="select"><a href="javascript:void(0)">首页</a></li>
                            <li><a href="javascript:void(0)">关于公司</a></li>
                            <li><a href="javascript:void(0)">产品展示</a></li>
                            <li><a href="javascript:void(0)">招商加盟</a></li>
                            <li><a href="javascript:void(0)">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航结束 -->

    <!-- 首页开始 -->
    <div class="first">
        <!-- 轮播开始 -->

        <div id="carousel-id" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-id" data-slide-to="0" class=""></li>
                <li data-target="#carousel-id" data-slide-to="1" class=""></li>
                <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item">
                    <img src="images/banner1.jpg">
                    <div class="container">

                    </div>
                </div>
                <div class="item">
                    <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="images/banner2.jpg">
                    <div class="container">

                    </div>
                </div>
                <div class="item active">
                    <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="images/banner3.jpg">
                    <div class="container">

                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>

        <!-- 轮播结束 -->
        <!-- 企业精神开始 -->
        <h3 style="text-align:center;margin-bottom: 50px;margin-top:50px;">企业精神</h3>
        <div class="characteristic row text-center mx-width">
            <div class="col-md-3">
                <div class="characteristic_icon">
                    <img src="images/pinpai.png" alt="pinpai">
                </div>
                <p class="title ">品质</p>
                <p class="sm_title">品质是品牌的发展基石</p>
                <p class="sm_title">坚持好品质,必定铸就优质品牌</p>
            </div>
            <div class="col-md-3">
                <div class="characteristic_icon">
                    <img src="images/keji.png" alt="keji">
                </div>
                <p class="title ">科技</p>
                <p class="sm_title">科技是品牌的助推力</p>
                <p class="sm_title">只有不断科技创新,才能不会被淘汰</p>
            </div>
            <div class="col-md-3">
                <div class="characteristic_icon">
                    <img src="images/chengxin.png" alt="chengxin">
                </div>
                <p class="title ">诚信</p>
                <p class="sm_title">诚信是品牌的防护盾</p>
                <p class="sm_title">诚信企业,放心品牌才能走的更长久</p>
            </div>
            <div class="col-md-3">
                <div class="characteristic_icon">
                    <img src="images/gongying.png" alt="gongying">
                </div>
                <p class="title ">共赢</p>
                <p class="sm_title">共赢是品牌的生命力</p>
                <p class="sm_title">与客户共赢,与员工共赢与企业共赢</p>
            </div>
        </div>
        <!-- 企业精神结束 -->

        <!-- 产品展示开始 -->
        <div class="mx-width">
            <div class="product">
                <div class="pro-title">
                    <p>产品展示</p>
                </div>
                <div class="pro-pic">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <img src="images/item01.jpg" alt="">
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <img src="images/item02.jpg" alt="">
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <img src="images/item03.jpg" alt="">
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <img src="images/item04.jpg" alt="">
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <img src="images/item05.jpg" alt="">
                        </div>
                        <div class="col-md-4 col-sm-6 col-xs-12">
                            <img src="images/item06.jpg" alt="">
                        </div>
                    </div>

                </div>

            </div>
        </div>
        <!-- 产品展示结束 -->
    </div>

    <!-- 首页结束 -->

    <!-- 关于公司开始 -->
    <div class="mx-width">
        <div class="product">
            <div class="pro-title">
                <p>关于木兮</p>
            </div>
            <div class="about-content">
                <div class="about-map">
                    <iframe src="https://map.baidu.com/"></iframe>
                </div>
                <div class="col-md-6">
                    <p> <span class="tips">木兮地板</span>由著名的湖北百诺木业有限公司监制出品。木兮地板秉承了百诺木业一贯的品质，将严谨的作风，不苟的态度，时尚的气息有机地融合到地板中，将木兮地板的无尽心血，无穷才智淋漓尽致的展现在世人面前。</p>
                    <p>湖北百诺木业有限公司以一流的设备，一流的材料，一流的技术造一流的地板，公司先后通过ISO9001质量管理认证和ISO14000环境管理体系认证，并获得“中国知名品牌”称号。强大的研发队伍，精良的生产工艺，严格的质检把关确保了木兮系列产品的优秀品质，是您居家，办公，开店的首选地板。</p>
                    <p>木兮地板耐磨等级符合AC3标准，甲醛释放量低于国家E1标准，更健康环保，阻燃等级达到B1标准。湖北百诺木业有限公司对市场的坚定信念和雄厚的实力以及积极响应政府和环保政策都让自己在市场上占有重要的位置，并成为地板行业的领跑者</p>
                    <p><span class="tips">“一面艺术,一面科技”，</span>湖北百诺木业有限公司将用最真诚的行动来打动每位客户。</p>
                </div>
            </div>
        </div>
    </div>
    <!-- </div> -->

    <!-- 关于公司结束 -->

    <!-- 产品展示开始 -->
    <div class="show-product">
        <div id="carousel-id" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-id" data-slide-to="0" class=""></li>
                <li data-target="#carousel-id" data-slide-to="1" class=""></li>
                <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item">
                    <img src="images/ps_banner01.jpg">
                </div>
                <div class="item">
                    <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="images/ps_banner02.jpg">

                </div>
                <div class="item active">
                    <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="images/ps_banner03.jpg">

                </div>
            </div>
            <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>

        <div class="productshow_content mx-center mx-width" id="productshow_content">
            <div class="productshowlist mx-width">
                <div class="container-fluid">
                    <ul class="nav nav-tabs">
                        <li role="presentation" class="active"><a href="javascript:void(0)">强化复合系列</a></li>
                        <li role="presentation" class=""><a href="javascript:void(0)">高端水洗系列</a></li>
                        <li role="presentation" class=""><a href="javascript:void(0)">立体拼花系列</a></li>
                        <li role="presentation" class=""><a href="javascript:void(0)">多层实木系列</a></li>
                        <li role="presentation" class=""><a href="javascript:void(0)">实木系列</a></li>
                    </ul>
                    <ul class="productshowitem" id="productshowitem">
                        <li class="container-fluid chioce" style="display: block;">
                            <div class="row">
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item01.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item02.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item03.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item04.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item05.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item06.jpg">
                                </div>
                            </div>
                        </li>
                        <li class="container-fluid" style="display: none;">
                            <div class="row">
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item07.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item08.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item09.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item10.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item11.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item12.jpg">
                                </div>
                            </div>
                        </li>
                        <li class="container-fluid" style="display: none;">
                            <div class="row">
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item13.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item14.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item15.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item16.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item17.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item18.jpg">
                                </div>
                            </div>
                        </li>
                        <li class="container-fluid" style="display: none;">
                            <div class="row">
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item19.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item20.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item21.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item22.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item23.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item24.jpg">
                                </div>
                            </div>
                        </li>
                        <li class="container-fluid" style="display: none;">
                            <div class="row">
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item25.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item26.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item27.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item28.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item29.jpg">
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <img src="images/item30.jpg">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
    <!-- 产品展示结束 -->

    <!-- 招商加盟开始 -->
    <div class="join">
        <div class="img-style">
            <img src="images/joinus_banner.jpg" alt="">
        </div>
        <div class="mx-width">
            <div class="product">
                <div class="pro-title">
                    <p>招商加盟</p>
                </div>

            </div>
        </div>
        <div class="joinus_condition">
            <div class="mx-width">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="joinus_part clearfix">
                                <div class="joinus_logo">
                                    <img src="images/logo3.png">
                                </div>
                                <div>
                                    <p class="joinus_part_title">加盟条件</p>
                                    <p class="joinus_part_smtitle">Condition of joining</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 condition_mes">
                            <p>1.正常营业过了生存期；</p>
                            <p>2.经销商有强烈的发展企图心；</p>
                            <p>3.三年以上零售板材终端经验，最好在当地排名前三名，县级前两名为佳；</p>
                            <p>4.具有一定的经济实力和好的店面；</p>
                            <p>5.认可木兮品牌发展价值观；</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="joinus_process" id="joinus_process">
            <div class="mx-width">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="joinus_part clearfix">
                                <div class="joinus_logo">
                                    <img src="images/process.png">
                                </div>
                                <div>
                                    <p class="joinus_part_title">加盟流程</p>
                                    <p class="joinus_part_smtitle">Join process</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 process_mes">
                            <p>加盟咨询</p>
                            <p>填写加盟申请表</p>
                            <p>加盟商资料调查</p>
                            <p>店铺选址</p>
                            <p>实地考察与评估</p>
                            <p>公司审批</p>
                            <p>交信誉保证金、签订特许经营合同</p>
                            <p>招聘、培训营业员、标准店铺装修</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="joinus_policy" id="joinus_policy">
            <div class="mx-width">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="joinus_part clearfix">
                                <div class="joinus_logo">
                                    <img src="images/policy.png">
                                </div>
                                <div>
                                    <p class="joinus_part_title">加盟政策</p>
                                    <p class="joinus_part_smtitle">Policy of joining</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 policy_mes">
                            <p class="policy_mes_title">行业分析</p>
                            <p class="policy_mes_text">近年各地房价快速增长，对房地产的大量需求也带动了装修装饰材料市场的发展，我国住房装修总产值以每年20％的速度递增。同时，装修装饰材料生产区域限制成本过高、产品同质化严重，加上价格竞争，导致企业利润微薄，直接对传统经营模式提出了新的挑战。</p>
                            <p class="policy_mes_title">传统经营模式的特点是</p>
                            <div class="policy_mes_item">
                                <p>1、规模偏小；</p>
                                <p>2、质量参差不齐;</p>
                                <p>3、服务体系不完善；</p>
                                <p>4、经营管理水平低；</p>
                                <p>5、低层次混乱竞争；</p>
                                <p>6、缺乏核心竞争力；</p>
                                <p>7、议价销售。</p>
                            </div>
                            <p class="policy_mes_title">传统经营模式的弊端：</p>
                            <div class="policy_mes_item">
                                <p>1、单纯的价格竞争导致低品质、低环保要求；</p>
                                <p>2、薄利赊销增大经营风险；</p>
                                <p>3、过度营销导致行业陷入困境，加大行业成本；</p>
                                <p>4、议价销售缺乏对消费者的保障，影响行业声誉。</p>
                            </div>
                            <p class="policy_mes_text">在此情况下，木兮率先实现从传统经营模式到专卖店销售模式的转移，通过在流通渠道建立品牌影响力，引导行业从低质向高质发展、从不环保向环保发展，从低层次的价格竞争走向品牌竞争。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 招商加盟结束 -->

    <!-- 联系我们开始 -->
    <div class="contact">
        <div class="img-style">
            <img src="images/contactus_banner.jpg" alt="">
        </div>
        <div class="mx-width">
            <div class="product">
                <div class="pro-title">
                    <p>联系我们</p>
                </div>

            </div>

            <div class="contactus_content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6 border_right">
                            <p class="bigger"><span><i class="iconfont "></i></span>027-83622296</p>
                        </div>
                        <div class="col-md-6">
                            <p><span><i class="iconfont "></i></span>13387576980</p>
                            <p><span><i class="iconfont "></i></span>yt15yi@163.com</p>
                            <p><span><i class="iconfont "></i></span>汉西三路香江家居A12栋16号湖北营销中心</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="contact-map" style="width:100%;">
            <iframe style="width:100%;height:318px;" src="https://map.baidu.com/"></iframe>
        </div>
    </div>
    <!-- 联系我们结束 -->

    <!-- 尾部开始 -->
    <div class="footer" id="footer">
        <div class="row mx-width mx-center">
            <div class="col-md-3 col-sm-4">
                <div class="footer_logo">
                    <a href="index.html"><img src="images/logo3.png"></a>
                </div>
            </div>
            <div class="col-md-6 col-sm-8">
                <div class="row changepage" id="changepage">
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">关于公司</a></div>
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">产品展示</a></div>
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">招商加盟</a></div>
                    <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">联系我们</a></div>
                </div>
                <p class="copyright">版权所有©木兮实业有限公司 鄂ICP备18011650号</p>
            </div>
            <div class="col-md-3 col-sm-12">
                <div class="row contact">
                    <p class="col-md-12 col-sm-4"><span class="iconfont icon-weibiaoti"></span> 027-83622296</p>
                    <p class="col-md-12 col-sm-4"><span class="iconfont icon-shouji"></span>13387576980</p>
                    <p class="col-md-12 col-sm-4"><span class="iconfont icon-youjian"></span>yt15yi@163.com</p>
                </div>
            </div>

            <img src="images/erweima.jpg" id="saoma" style="width:150px;height:150px;" alt="">

        </div>
    </div>
    <!-- 尾部结束 -->


</body>

</html>